
option = {
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br/>{b}: {c} ({d}%)'
  },
  legend: {
    data: ['直达', '营销广告', '搜索引擎', '邮件营销', '联盟广告', '视频广告', '百度', '谷歌', '必应', '其他']
  },
  series: [
    {
      name: '落点',
      type: 'pie',
      selectedMode: 'single',
      radius: [0, '30%'],
      label: {
        position: 'inner',
        fontSize: 14,
      },
      labelLine: {
        show: false
      },
      data: [
        {
          value: 16080, name: '城市内落点', selected: true, itemStyle: {
            color: {
              type: 'linear',
              x: 0,
              y: 0,
              x2: 0,
              y2: 1.05,
              colorStops: [{
                offset: 0, color: "#FFFF66" // 0% 处的颜色
              }, {
                offset: 0.25, color: "#FF9933"
              }, {
                offset: 0.8, color: "#C53834"
              }, {
                offset: 1, color: "#FF00FF" // 100% 处的颜色
              }],
              global: false // 缺省为 false
            }
          }
        },

        {
          value: 8850, name: '城外落点', itemStyle: {
            color: "green"
          }
        }
      ]
    },
    {
      name: '落点分类',
      type: 'pie',
      radius: ['45%', '60%'],
      labelLine: {
        length: 30,
      },
      label: {
        formatter: '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  ',
        backgroundColor: '#F6F8FC',
        borderColor: '#8C8D8E',
        borderWidth: 1,
        borderRadius: 4,
         fontSize:22,
        rich: {
          a: {
            color: '#6E7079',
            lineHeight: 22,
            align: 'center'
          },
          hr: {
            borderColor: '#8C8D8E',
            width: '100%',
            borderWidth: 1,
            height: 0
          },
          b: {
            color: '#4C5058',
            fontSize: 14,
            fontWeight: 'bold',
            lineHeight: 33,
              fontSize:20,
          },
          per: {
            color: '#fff',
            backgroundColor: '#4C5058',
            padding: [3, 4],
            borderRadius: 4,
              fontSize:22,
          }
        }
      },
      data: [
        {
          value: 3884, name: 'Type A', itemStyle: {
            color: "#FFFF66"
          }
        },
        {
          value: 8937, name: 'Type B', itemStyle: {
            color: "#FF9933"
          }
        }, {
          value: 2533, name: 'Type C', itemStyle: {
            color: "#C53834"
          }
        }, {
          value: 726, name: 'Type D', itemStyle: {
            color: "#FF00FF"
          }
        },
        {
          value: 8850, name: '城外', itemStyle: {
            color: "green"
          }
        }
      ]
    }
  ]
};

// https://echarts.apache.org/examples/zh/editor.html?c=pie-nest

// https://echarts.apache.org/examples/zh/editor.html?c=pie-nest